<!doctype html>

<html>

<head>

<meta charset="utf-8">
<meta name="referrer" content="no-referrer">
<meta name="viewport"
	content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">

<meta http-equiv="Cache-Control" content="no-transform" />

<meta http-equiv="Cache-Control" content="no-siteapp" />

<meta name="applicable-device" content="pc,mobile">

<meta name="author" content="order by">

<title>零号网</title>

<meta name="keywords" content="" />

<meta name="description" content="零号网 网站定制，wordpress模板" />
<!-- 界面 -->
<!-- Bootstrap Core CSS -->
 
 <link href="../user_back/css/bootstrap.min.css" rel='stylesheet'
	type='text/css' /> 
<!-- Custom CSS -->
<link href="../user_back/css/style.css" rel='stylesheet' type='text/css' />
<link href="../css/swiper.min.css" rel="stylesheet" type="text/css">

<link href="../css/mian.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="../css/iconfont.css">
<!-- 引入layui -->
<link rel="stylesheet" href="../webjars/layui/2.5.6/css/layui.css"
	type="text/css">

<!--主要样式-->
<link rel="stylesheet" type="text/css" href="../statics/css/style.css" />



<!--图标样式-->
<link rel="stylesheet" type="text/css" href="../statics/css/icon.css" />

<!-- 引入Vue -->
<script src="../js/vue.min.js"></script>
<!-- 引入axios -->
<script type="text/javascript"
	src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
<script type="text/javascript" src="../js/top.js"></script>
<script type="text/javascript" src="../webjars/layui/2.5.6/layui.all.js"></script>
</head>
<style type="text/css">
/* 导航条nav */
.nav {
	width: 160px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1999;
	background: #f0f0f0;
	margin: 10% 0 0 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.nav li {
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #d3d3d3;
	text-align: center;
	cursor: pointer
}

.nav li:last-child {
	border-bottom: none
}

.nav li a {
	display: block;
	width: 98%;
	height: 34px;
	font-size: 16px;
}

.nav li a:hover {
	background: rgb(192, 192, 192);
	decoration: none;
	color: #19B5FE
}

.nav li a.cur {
	background: #ffc
}

.article_box p {
	border: 1px solid rgb(0 0 0/ 6%);
	border-radius: 2px;
	height: 50px;
	font-size: 2em;
	background-color: #fff;
	font-family: "微软雅黑";
	color: #1e9fff;
	text-indent: 30px;
	width: 98.2%;
}

a[id*=a] {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	width: 100%;
}

.posts-default-info ul {
	overflow: hidden;
	width: 100%;
}
</style>
<body>

		
	<div id = "header">
		<top></top>
	</div>
		<script type="text/javascript">
			new Vue({
				el:"#header",
			})
			</script>

		<!-- 搜索框-->

		<div class="search-box">

			<div class="search-close">
				<i class="iconfont icon-guanbi"></i>
			</div>

			<div class="search-con">

				<dl class="se">

					<div name="formsearch" method="post">

						<input type="hidden" name="kwtype" value="0" />

						<dt>

							<input name="q" type="text" class="search-keyword"
								v-model="keyword" id="search-keyword" :value="keyword"
								onfocus="if(this.value=='输入搜索关键词'){this.value='';}"
								onblur="if(this.value==''){this.value='输入搜索关键词';}" />

						</dt>

						<dd>
							<a target="_blank" @click="search"><button>
									<i class="iconfont icon-sousuo"></i>
								</button></a>

						</dd>

					</div>

				</dl>

				<div class="search-tips">大家都在搜</div>

				<div class="search-as">
					<a v-for="(l,i) in list" target="_blank"
						:href="'article.html?uaid='+l.uaid">{{l.utitle}}</a>
				</div>

			</div>

		</div>

		<script type="text/javascript">
		var v = new Vue({
			el : ".search-box",
			data : {
				keyword:"",
				list : [],
			},created(){
				axios.post("../search/log.s").then(res=>{
					this.list = res.data;
				})
			},
			methods : {
				search(){
					var params = new URLSearchParams();
					params.append("keyword",this.keyword);
					axios.post("../search/mianSearch.s",params).then(res=>{
						if(res.data.code==1){
							location.href="../seacher/index.html?log="+this.keyword+"&page=1";
						}else{
							alert(res.data.msg);
						}
					})
				}
			}
		})
	
	</script>
		<div class="main">
			<div class="wrap">
				<div class="row">
					<ul class="nav">
						<div
							 style="height: 135px; overflow: hidden; background: rgba(237, 237, 240, 0.8);">
							<img src="../images/thtx.png" style="height: 215px; width: 100%;" />
						</div>
						<li><a href="#section-1">{{rLogs[0].log}}</a></li>
						<li><a href="#section-2">{{rLogs[1].log}}</a></li>
						<li><a href="#section-3">{{rLogs[2].log}}</a></li>
						<li><a href="#section-4">{{rLogs[3].log}}</a></li>
						<li><a href="#section-5">{{rLogs[4].log}}</a></li>
					</ul>
					<script type="text/javascript">
					 new Vue({
					   		el:".nav",
					   		data:{
					   			rLogs:[],
					   		},
					   		created(){
					   			axios.get("../show/log.s").then(res=>{
					   				this.rLogs = res.data;
					   			})
					   		}
					   	})
					</script>
					<div class="banner" style="height: 100%; width: 100%;">

						<div class="section-wrapper">
							<div class="news-body">
								<div class="news-main">
									<a class="news-main-card" href="#">
										<div class="news-main-card-bg"
											style="background-image: url(../statics/images/homepage-news-img.jpg)"></div>
										<div class="news-main-card-bg news-main-card-bg-mb"
											style="background-image: url(../statics/images/homepage-news-img-mb.jpg)"></div>
										<div class="news-main-card-top">
											<div class="news-play-btn">
												<span class="cui-icon cui-icon-play"></span>
											</div>
										</div>
										<div class="news-main-card-bottom">
											<h2 class="h2">【直播】技术小白如何花2小时搭建一个精美网站</h2>
											<p class="p">云速建站服务，无需代码，自由拖拽，并可提供PC 、手机 、微信网站 、小程序 、
												APP五站合一的模板建站产品。</p>
											<div class="sub-p sub-p-date">3月14日 16:00-18:00</div>
											<div class="sub-p sub-p-author">云主机建站大牛</div>
											<div class="btn-group">
												<span class="cui-btn cui-btn-small cui-btn-outline-light"><span
													class="cui-icon cui-icon-play"></span><span>观看视频</span></span>
											</div>
										</div>
									</a>
								</div>
								<div class="news-sub">

									<ul class="news-list-v show">

										<li><a href="#" class="news-list-card">
												<h3 class="h3">浅谈服务化和微服务化</h3>
												<p class="p">微服务是近期非常热门的话题，芸芸众生言必谈微服务。</p> <span
												class="more">查看详情<i class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">由Spring应用的瑕疵谈谈DDD的概念与应用</h3>
												<p class="p">多数有经验的程序开发者都应该听说过DDD，并且尝试过将其应用在自己的项目中。不知你是否遇到过这样的场景。</p>
												<span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">赛题公布及解读 | 一分钟看懂2019年华为软件精英挑战赛赛题</h3>
												<p class="p">智能世界.纵横2019软件精英挑战赛等你来战！</p> <span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">7天晋级机器学习-附加题解析</h3>
												<p class="p">本文主要是对“7天晋级机器学习”中的一道培训附加题的解析。</p> <span
												class="more">查看详情<i class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">Code Review 与结对编程</h3>
												<p class="p">笔者希望能够通过这篇文章说明自己的一个观点：相对于结对编程，Code
													Review是一种更加合理与普适性的研发实践。</p> <span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

									</ul>

									<ul class="news-list-v">

										<li><a href="#" class="news-list-card">
												<h3 class="h3">带着canvas去流浪系列之一：绘制柱状图</h3>
												<p class="p">学习使用canvasAPI来实现数据可视化。</p> <span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">云主机社区2月刊：如何选云主机的规格？</h3>
												<p class="p">云主机社区月刊，每月更新一刊，欢迎大家品读。</p> <span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">7天晋级机器学习：助力客户分群实验小结</h3>
												<p class="p">轻松玩转机器学习，机器学习助力客户分群学习分享。</p> <span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">云图说：四大业务场景带您玩转云主机SAP</h3>
												<p class="p">一张图概览云主机SAP解决方案四大业务场景。</p> <span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">安全攻击一目了然，云主机态势感知服务正式发布</h3>
												<p class="p">安全态势尽收眼底，攻击面前洞若观火。</p> <span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

									</ul>

									<ul class="news-list-v">

										<li><a href="#" class="news-list-card">
												<h3 class="h3">云主机发布国内首个AI模型市场</h3>
												<p class="p">云主机正式发布云主机AI市场，投入专项激励，助力开发者、合作伙伴加速AI应用落地。</p> <span
												class="more">查看详情<i class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">Python 爬虫之Scrapy入门实践指南</h3>
												<p class="p">Scrapy是一种快速的高级Web爬行和Web抓取框架，用于抓取网站并从其页面中提取结构化数据。它可用于各种用途，从数据挖掘到监控和自动化测试。</p>
												<span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">云主机ModelArts拿下斯坦福DAWNBench双料冠军</h3>
												<p class="p">云主机ModelArts一站式AI开发平台将模型训练时间大幅缩减的同时实现了超强推理性能。</p>
												<span class="more">查看详情<i
													class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">DevCloud新手课堂之两步学会使用代码检查</h3>
												<p class="p">DevCloud新手课堂本期导读：如何使用代码检查服务。</p> <span
												class="more">查看详情<i class="cui-icon cui-icon-more"></i></span>
										</a></li>

										<li><a href="#" class="news-list-card">
												<h3 class="h3">《跟唐老师学习云网络》 - ip命令</h3>
												<p class="p">ip命令作为Linux网络控制的魔法棒，是未来遨游云网络的必备命令行工具。</p> <span
												class="more">查看详情<i class="cui-icon cui-icon-more"></i></span>
										</a></li>

									</ul>

								</div>
							</div>
						</div>
						<div class="section-bottom">
							<div class="section-more-wrap">
								<a class="news-more" href="#"> <span>更多新鲜动态</span><i
									class="cui-icon cui-icon-more"></i>
								</a> <a class="news-change"> <span>换一换</span>
								</a>
							</div>
						</div>
					</div>


					<script src="../statics/js/jquery-1.11.0.js" type="text/javascript"
						charset="utf-8"></script>
					<script type="text/javascript">
	//换一换
	var $newsLists = $('.news-sub').find('.news-list-v');

	function changeNews() {
		var $currentNews = $newsLists.filter('.show');
		var $nextNews = $currentNews.next();

		if($nextNews.length === 0) {
			$nextNews = $newsLists.eq(0);
		}

		$newsLists.removeClass('show');
		$nextNews.addClass('show');
	}
	$('.news-change').on('click', function() {
		changeNews();
	});
</script>


				</div>



			</div>

		</div>

	</div>

	<div class="hotnews">

		<div class="wrap">

			<div class="row">
				<div class="hotnewlist">
					<a href='http://localhost/Zero/Video/muban/index.html?vid=1' target="_blank">

						<div class="hotdiv"
							style="background-image: url(../images/15U55RJL560-54193.gif)">

							<div class="overlay"></div>

							<div class="title">
								<span>反派人物</span>

								<h3>小说中反派人物的塑造</h3>

							</div>

						</div>

					</a>
				</div>

				<div class="hotnewlist">
					<a href='http://localhost/Zero/Video/muban/index.html?vid=2' target="_blank">

						<div class="hotdiv"
							style="background-image: url(../images/1-2004231023592G.jpg)">

							<div class="overlay"></div>

							<div class="title">
								<span>Word制作表格</span>

								<h3>两仪四相阵</h3>

							</div>

						</div>
   
					</a>
				</div>

				<div class="hotnewlist">
					<a href='http://localhost/Zero/Video/muban/index.html?vid=1' target="_blank">

						<div class="hotdiv"
							style="background-image: url(../images/1-2003301I501459.gif)">

							<div class="overlay"></div>

							<div class="title">
								<span>Word宏案例</span>

								<h3>将Word2013文档设为最终版本</h3>

							</div>

						</div>

					</a>
				</div>

			</div>

		</div>

	</div>


	<div class="mainbody">

		<div class="wrap">

			<div class="row">

				<div class="left">

					<div class="article_box">
						<!--  -->
						<div v-for="(log,i) in logs">
							<p :id="'section-'+(i+1)">{{log.log}}</p>
							<div class="items" v-for="itm in aticles[i]">
								<div class="content-box" style="height: 95%;">
									<div class="posts-gallery-img">
										<a :href='"article.html?uaid="+itm.uaid'><img
											class="thumbnail" src="../images/15U55RJL560-54193.gif"
											alt="中学时代"></a>
									</div>

									<div class="posts-gallery-content">
										<!-- TODO : 待完善要html格式的文字部分 -->
										<div :id="'d'+itm.uaid" style="display: none;"
											v-html="itm.ucontent"></div>
										<a :id="'a'+itm.uaid" :href='"article.html?uaid="+itm.uaid' target="_blank"><div
												class="posts-gallery-text"></div></a>
										<div class="posts-default-info posts-gallery-info">

											<ul>
												<li class="ico-cat"><i class="iconfont icon-liebiao"></i>
													<a :href='"article.html?uaid="+itm.uaid' target="_blank">{{itm.utitle}}</a></li>

												<li class="ico-time"><i
													class="iconfont icon-iconfontshijian"></i>
													{{itm.createTime}}</li>

												<li class="ico-eye"><i class="iconfont icon-yanjing1"></i>
													{{itm.visit}}</li>

											</ul>

										</div>
									</div>

								</div>

							</div>




						</div>


					</div>


					<script type="text/javascript">
		
					 new Vue({
					   		el:".article_box",
					   		data:{
					   			logs:[],
					   			aticles : []
					   		},
					   		created(){
					   			axios.get("../show/log.s").then(res=>{
					   				this.logs = res.data;
					   				var params = new URLSearchParams();
					   				for( let l of this.logs){
					   					params.append("log",l.log);
					   				}
						   			axios.post("../show/content.s",params).then(res=>{
						   				this.aticles = res.data;
						   			});
					   			});
					   		
					   		},
					   		updated(){
					   			let i = this.aticles.length;
					   			while(i>-1){
					   				for( let a of this.aticles[i-1]) {
						   				let d = document.getElementById("d"+a.uaid);
						   				let aa = document.getElementById("a"+a.uaid);
			
						   				aa.innerText = d.innerText.replace(/\s+/g,"");
						   			} 
					   				i--;
					   			}
					   			
					   		}
					   	})
					</script>
				</div>

				<!-- 右侧 -->

				<div class="right">
					<div class="top-news">

						<div class="top-news-box">

							<h2>头条</h2>

							<div class="top-img">
								<a href='javascript:0'><img
									src="../images/15U55RJL560-54193.gif" alt="小说中反派人物的塑造" width="370"
									height="180"></a>
							</div>



							<div class="top-box">

								<ul class="topnews">

									<li v-for="hd in headNews"><a
										:href='"article.html?uaid="+hd.uaid' target="_blank"><i
											class="iconfont icon-huoyan red"></i>{{hd.utitle}}</a></li>
								</ul>

							</div>
							<script type="text/javascript">
					 	new Vue({
					   		el:".top-box",
					   		data:{
					   			headNews:[],
					   		},
					   		created(){
					   			axios.get("../show/handNews.s").then(res=>{
					   				this.headNews = res.data;
					   			})
					   		}
					   	})
						
						</script>

						</div>

					</div>

					<div class="widget">

						<h3>
							<span>热门标签</span>
						</h3>

						<div class="widge_tags">

							<div class="tag-">
								<a v-for="lg in logs" :href="'../seacher/index.html?log='+lg.log+'&page=1'">{{lg.log}}</a>
							</div>

						</div>
						<script type="text/javascript">
					 new Vue({
					   		el:".widge_tags",
					   		data:{
					   			logs:[],
					   		},
					   		created(){
					   			axios.get("../show/log.s").then(res=>{
					   				console.info(res.data)
					   				this.logs = res.data;
					   			})
					   		}
					   	})
						
						</script>

					</div>

					<div class="widget">

						<h3>
							<span>随便看看</span>
						</h3>

						<ul class="recent-posts-widget">

							<li v-for="rand in rands">

								<div class="recent-posts-img">
									<a :href='"article.html?uaid="+rand.uaid' target="_blank"><img
										:src="rand.uimage" class="thumbnail"
										alt="如何在Word2010中输入商标、版权符号"></a>
								</div>

								<div class="recent-posts-title">

									<h4 class="tit">
										<a :href='"article.html?uaid="+rand.uaid'>{{rand.utitle}}</a>
									</h4>

									<span class="info"><i class="iconfont icon-yanjing1"></i>
										{{rand.visit}}</span>
								</div>

							</li>
						</ul>

					</div>
					<script type="text/javascript">
				  	new Vue({
				   		el:".recent-posts-widget",
				   		data:{
				   			rands:[],
				   		},
				   		created(){
				   			axios.get("../show/random.s").then(res=>{
				   				this.rands = res.data;
				   			})
				   		}
				   	})
					
					</script>










					<div class="widget">

						<h3>
							<span>阅读排行</span>
						</h3>

						<ul id="section-6" class="recent-posts-widget">

							<li v-for="rk in ranks">

								<div class="recent-posts-img">
									<a :href="'article.html?uaid='+rk.uaid" target="_blank"><img
										:src="rk.uimage" class="thumbnail" alt="设置幻灯片画笔标记：星辰玩PPT第二十五"></a>
								</div>

								<div class="recent-posts-title">

									<h4 class="tit">
										<a :href="'article.html?uaid='+rk.uaid">{{rk.utitle}}</a>
									</h4>

									<span class="info"><i class="iconfont icon-yanjing1"></i>
										{{rk.praise}}</span>
								</div>

							</li>
						</ul>

					</div>
					<script type="text/javascript">
					 	new Vue({
					   		el:"#section-6",
					   		data:{
					   			ranks:[],
					   		},
					   		created(){
					   			axios.get("../show/rank.s").then(res=>{
					   				this.ranks = res.data;
					   			})
					   		}
					   	})	
						</script>

					<div class="widget">

						<h3>
							<span>关注我们</span>
						</h3>

						<div class="attentionus">

							<ul class=" clearfix">

								<span class="social-widget-link social-link-wechat"> <span
									class="social-widget-link-count"><i
										class="iconfont icon-iconfontmoban"></i>微信公众号</span> <span
									class="social-widget-link-title">微信公众号</span> <a
									id="tooltip-s-weixin" href="javascript:void(0);"></a>
								</span>
								<span class="social-widget-link social-link-taobao-wangxiao">
									<span class="social-widget-link-count"><i
										class="iconfont icon-taobao1"></i>淘宝网店</span> <span
									class="social-widget-link-title">淘宝网店</span> <a
									href='javascript:0' target="_blank" rel="nofollow"></a>
								</span>
								<span class="social-widget-link social-link-ketang"> <span
									class="social-widget-link-count"><i
										class="iconfont icon-xuexi"></i>在线课堂</span> <span
									class="social-widget-link-title">在线课堂</span> <a
									href='javascript:0' target="_blank" rel="nofollow"></a>
								</span>

							</ul>

						</div>

					</div>

				</div>

			</div>

		</div>

	</div>

	<div class="footer">

		<div class="wrap">

			<div class="social-footer">
				<a id="tooltip-f-weixin" class="wxii" href="javascript:void(0);"><i
					class="iconfont icon-iconfontmoban"></i></a> <a class="taobaodibu"
					href="https://www.taobao.com/" target="_blank" rel="nofollow"
					title="淘宝"><i class="iconfont icon-taobao1"></i></a> <a
					class="ketangdibu" href="" target="_blank"><i
					class="iconfont icon-xuexi"></i></a>
			</div>

			<div class="nav-footer">
				<a href='javascript:0'>网站首页</a> <a href='javascript:0'>阵法</a> <a
					href='javascript:0'>人物塑造</a> <a href='javascript:0'>PPT教程</a> <a
					href='javascript:0'>WPS教程</a> <a href='javascript:0'>办公软件</a> <a
					href='javascript:0'>今日特价</a> <a href='javascript:0'>关于我们</a>
			</div>

			<div class="copyright-footer">

				<p>
					Copyright &copy; 2002-2020 零号网 版权所有 <a href='javascript:0'
						target="_blank" rel="nofollow">皖ICP备17011273号-1</a> <a
						href='javascript:0' target="_blank">XML地图</a>
				</p>

			</div>

			<div class="links-footer">
				<span>友情链接：</span> <a href='http://www.tkv5.cn' target='_blank'>网站源码</a>
				<a href='http://www.tkv5.cn' target='_blank'>织梦模板</a> <a
					href='http://www.tkv5.cn' target='_blank'>模版下载</a> <a
					href='http://www.tkv5.cn' target='_blank'>dedecms模板</a> <a
					href='http://www.tkv5.cn' target='_blank'>dede模版</a> <a
					href='http://www.tkv5.cn' target='_blank'>仿站</a> <a
					href='http://www.tkv5.cn' target='_blank'>图标下载</a> <a
					href='http://www.tkv5.cn' target='_blank'>网站模板</a> <a
					href='http://www.tkv5.cn' target='_blank'>源码下载</a>
			</div>

		</div>

	</div>

	<!-- 返回顶部按钮-->

	<div class="backtop" id="backtop">
		<i class="iconfont icon-xiangshang"></i>
	</div>
	<!-- 微信二维码-->

	<div class="f-weixin-dropdown">

		<div class="tooltip-weixin-inner">

			<h3>微信公众号</h3>

			<div class="qcode">
				<img src="../images/follow-weixin.png" width="160" height="160" />
			</div>

		</div>

		<i class="iconfont icon-guanbi close_tip"></i>
	</div>

	<script type="text/javascript" src="../js/jquery.min.js"></script>

	<script type="text/javascript" src="../js/swiper.min.js"></script>

	<script type="text/javascript" src="../js/slide.js"></script>
	
	</div>
</body>

</html>